﻿
@{
    ViewBag.Title = "Blog";
}
<div id="content">
    <!-- #content -->
    <!-- SECTION START TOPBAR -->
    <section id="topbar">
        <div class="container">
            <div class="row">
                <!-- .row start -->
                <div class="col-md-6">
                    <!-- col-md-6 start here -->
                    <h1>Blog</h1>
                </div>
                <!-- col-md-6 end here -->
                <div class="col-md-6 text-right">
                    <!-- col-md-6 start here -->
                    <ul class="breadcrumb">
                        <li>
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            <a href="#">Blog</a>
                        </li>
                        <li class="active">Blog list</li>
                    </ul>
                </div>
                <!-- col-md-6 end here -->
            </div>
            <!-- / .row -->
        </div>
    </section>
    <!-- SECTION END -->
    <!-- SECTION START -->
    <section class="blog-list white-bg">
        <div class="container">
            <!-- .container -->
            <div class="col-md-8">
                <!-- col-md-8 start here -->
                <ul class="timeline timeline-icons timeline-advanced timeline-blog-list">
                    <li>
                        <div class="img-holder">
                            <a href="blog-item.html">
                                <div class="bg-img-holder">
                                    <img src="~/img/blog/blog.jpg" alt="blog post">
                                </div>
                            </a>
                        </div>
                        <h2 class="timeline-title">Creativity standards rise once again</h2>
                        <div class="blog-meta timeline-subtitle">
                            <span class="category">
                                <a href="#">
                                    Creativity
                                </a>
                            </span>
                            <span class="seperator">/</span>
                            <span class="comments">
                                <a href="blog-item.html#comments">
                                    <i class="fa fa-comments"></i> 5 Comments
                                </a>
                            </span>
                            <span class="seperator">/</span>
                            <span>
                                <a href="#">
                                    <i class="fa fa-image"></i>
                                </a>
                            </span>
                        </div>
                        <div class="timeline-date">
                            3
                            <span>Feb</span>
                        </div>
                        <div class="timeline-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
                                est laborum.
                            </p>
                        </div>
                        <div class="clearfix">
                            <a href="blog-item.html" class="timeline-link"> Read more </a>
                            <div class="timeline-user">
                                <img class="timeline-avatar" src="~/img/avatars/4.jpg" alt="timeline avatar">
                                <p class="timeline-user-name">Reneta Stone</p>
                                <p class="timeline-user-subtitle">Creative author</p>
                            </div>
                        </div>
                        <hr class="mt30 mb50">
                    </li>
                    <li>
                        <div class="blog-video">
                            <iframe src="//player.vimeo.com/video/95826676?color=4a4a4a&title=0&byline=0&portrait=0" width="623" height="256" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                        </div>
                        <h2 class="timeline-title">Video post sample</h2>
                        <div class="blog-meta timeline-subtitle">
                            <span class="category">
                                <a href="#">
                                    Video
                                </a>
                            </span>
                            <span class="seperator">/</span>
                            <span class="comments">
                                <a href="blog-item.html#comments">
                                    <i class="fa fa-comments"></i> 17 Comments
                                </a>
                            </span>
                            <span class="seperator">/</span>
                            <span>
                                <a href="#">
                                    <i class="fa fa-youtube-play"></i>
                                </a>
                            </span>
                        </div>
                        <div class="timeline-date">
                            29
                            <span>Jan</span>
                        </div>
                        <div class="timeline-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
                                est laborum.
                            </p>
                        </div>
                        <div class="clearfix">
                            <a href="blog-item.html" class="timeline-link"> Read more </a>
                            <div class="timeline-user">
                                <img class="timeline-avatar" src="~/img/avatars/8.jpg" alt="timeline avatar">
                                <p class="timeline-user-name">Sellena Williams</p>
                                <p class="timeline-user-subtitle">Co Admin</p>
                            </div>
                        </div>
                        <hr class="mt30 mb50">
                    </li>
                    <li>
                        <div class="blog-sound">
                            <iframe width="100%" height="450" scrolling="no" frameborder="no" src=""></iframe>
                        </div>
                        <h2 class="timeline-title">Sound post sample</h2>
                        <div class="blog-meta timeline-subtitle">
                            <span class="category">
                                <a href="#">
                                    Sound
                                </a>
                            </span>
                            <span class="seperator">/</span>
                            <span class="comments">
                                <a href="blog-item.html#comments">
                                    <i class="fa fa-comments"></i> 5 Comments
                                </a>
                            </span>
                            <span class="seperator">/</span>
                            <span>
                                <a href="#">
                                    <i class="fa fa-soundcloud"></i>
                                </a>
                            </span>
                        </div>
                        <div class="timeline-date">
                            17
                            <span>Jan</span>
                        </div>
                        <div class="timeline-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
                                est laborum.
                            </p>
                        </div>
                        <div class="clearfix">
                            <a href="blog-item.html" class="timeline-link"> Read more </a>
                            <div class="timeline-user">
                                <img class="timeline-avatar" src="~/img/avatars/8.jpg" alt="timeline avatar">
                                <p class="timeline-user-name">Sellena Williams</p>
                                <p class="timeline-user-subtitle">Co Admin</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- col-md-8 end here -->
            <div class="sidebar sidebar-right col-md-4">
                <!-- col-md-4 start here -->
                <div class="sidebar-widget">
                    <div class="tabs simple-tabs">
                        <!-- Start .rs tabs -->
                        <ul id="rstab" class="nav nav-tabs nav-justified mb0">
                            <li class="active">
                                <a href="#popular-posts" data-toggle="tab"><i class="fa fa-heart"></i>  Popular </a>
                            </li>
                            <li>
                                <a href="#recent-posts" data-toggle="tab"><i class="fa fa-list"></i>  Recent </a>
                            </li>
                            <li>
                                <a href="#comments-posts" data-toggle="tab"><i class="fa fa-comments"></i> Comments </a>
                            </li>
                        </ul>
                        <div id="rstab-content" class="tab-content">
                            <div class="tab-pane fade active in" id="popular-posts">
                                <ul class="blog-list-small">
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/blog/thumbs/blog.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">Creativity standarts rise once again</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 5 Comments
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/blog/thumbs/blog1.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">Find the perfect spot when parking your car</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 12 Comments
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/blog/thumbs/blog2.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">What we need to know when do laundry in public spots</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 7 Comments
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/blog/thumbs/blog3.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">How to make your garden looks like paradise</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 2 Comments
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="recent-posts">
                                <ul class="blog-list-small">
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/projects/thumbs/project1.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">Rollers on the deck in this good morning</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 5 Comments
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/projects/thumbs/project2.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">How to buy very nice painting in good price</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 12 Comments
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/projects/thumbs/project3.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">How to not loose your super expencive watch. Free tips.</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 7 Comments
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-item.html">
                                            <img src="~/img/projects/thumbs/project4.jpg" alt="blog post">
                                        </a>
                                        <h4>
                                            <a href="blog-item.html">Planet of the monkey has brooke sales records.</a>
                                        </h4>
                                        <div class="blog-meta">
                                            <a href="blog-item.html#comments">
                                                <i class="fa fa-comments"></i> 2 Comments
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane fade" id="comments-posts">
                                <ul class="comments-list-small">
                                    <li>
                                        <a href="#" class="avatar">
                                            <img src="~/img/avatars/3.jpg" alt="Avatar">
                                        </a>
                                        <p class="comment">
                                            <strong>James Simpson:</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus doloribus ...
                                        </p>
                                    </li>
                                    <li>
                                        <a href="#" class="avatar">
                                            <img src="~/img/avatars/4.jpg" alt="Avatar">
                                        </a>
                                        <p class="comment">
                                            <strong>Sidney Weaver:</strong>
                                            Cum deleniti officiis voluptatum nobis rerum, fugiat porro. Officia blanditiis voluptas natus nisi ...
                                        </p>
                                    </li>
                                    <li>
                                        <a href="#" class="avatar">
                                            <img src="~/img/avatars/5.jpg" alt="Avatar">
                                        </a>
                                        <p class="comment">
                                            <strong>Jonh Doe:</strong>
                                            Aliquid nesciunt dolores sequi nostrum debitis voluptas enim. Optio ipsam perspiciatis ...
                                        </p>
                                    </li>
                                    <li>
                                        <a href="#" class="avatar">
                                            <img src="~/img/avatars/6.jpg" alt="Avatar">
                                        </a>
                                        <p class="comment">
                                            <strong>Jeremy Bennet:</strong>
                                            Dolore vitae, fuga obcaecati voluptatum dolorem tempore molestias. Nihil laborum, id ...
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sidebar-widget">
                    <h2 class="sidebar-widget-title">From twitter</h2>
                    <ul class="twitter-feed mb50">
                        <li>
                            <i class="fa fa-twitter"></i>
                            <p>
                                CSS is powerful, performant yet remarkably easy to use. Designers, start coding with uilang ...
                                <a href="http://t.co/EAB4lIOxfA" target="_blank">smashingmagazine.com … </a>
                            </p>
                            <span>1 hour ago</span>
                        </li>
                        <li>
                            <i class="fa fa-twitter"></i>
                            <p>
                                How do you deal with fixed width banner ads in a RWD site?” Create responsive adverts for their partners in-house
                                <a href="http://t.co/MLcCirJgn3" target="_blank">http://paulrobertlloyd.com … </a>
                            </p>
                            <span>3 hour ago</span>
                        </li>
                        <li>
                            <a href="https://twitter.com/SuggeElson" class="btn btn-social btn-twitter" target="_blank">
                                <i class="fa fa-twitter color-white"></i> Follow us on Twitter
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="sidebar-widget">
                    <h2 class="sidebar-widget-title">Tag cloud</h2>
                    <div class="tagcloud">
                        <a href="#">Sales</a>
                        <a href="#">Bootstrap</a>
                        <a href="#">Web</a>
                        <a href="#">Facebook</a>
                        <a href="#">Twitter</a>
                        <a href="#">Social</a>
                        <a href="#">Seo</a>
                        <a href="#">Admin template</a>
                        <a href="#">Web app</a>
                    </div>
                </div>
            </div>
            <!-- col-md-4 end here -->
        </div>
        <!-- / .container -->
    </section>
    <!-- SECTION END -->
</div>
<!-- / #content -->
@section JavascriptSection{
<script src="~/js/pages/blank.js"></script>
}
